<!doctype html>
<html lang="en" style="background:#fff;">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" href="../../css/aui.css">
    <link rel="stylesheet" href="../../css/normalUser.css">
    <link rel="stylesheet" href="../../css/pulice.css">
    <style>
        .myBlank > :first-child{padding-top: 1.2rem;}
    </style>
    <script src="../../js/api.js"></script>
    <script src="../../js/libs/zepto.min.js"></script>
    <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../js/vue.min.js"></script>
    <script src="../../js/vue-resource.min.js"></script>
    <script src="../../js/aui-toast.js"></script>
    <script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>
    <script>
    	setToken();
        $(function () {
        	var app = new Vue({
                el: '#app',
                data: {
                    goods: {},//我的账户
                    HuaBao : {},//我的华宝
                },
                mounted:function(){
                	this.$nextTick(function(){
                		this.myAccount();
                		this.myHuaBao();
                	})
                },
                methods:{
                	myAccount : function(){
                		this.$http.get(SURL+"app/Account/myAccount").then(function(res){
	                   			console.log(res.body.data)
	                   			this.goods = res.body.data;
	                		}).catch(function(req){
                			
                		});
                	},
                	myHuaBao : function(){
                		this.$http.get(SURL+"app/account/myHuaBao").then(function(res){
	                   			console.log(res.body.data.account)
	                   			this.HuaBao = res.body.data.account;
	                		}).catch(function(req){
                			
                		});
                	},
                	
                }
            });
        	
            var _object = {position: 'absolute',right: '0',width: '20%',fontSize: '.55rem',color: '#fff'};
            
            $('.hm-bar').load('../../data/headerOther.html',function (data) {
                $(this).find('.head-main').text('我的银行卡');
                $(this).find('.hm-bar-box').css('position','static');
                $(this).find('.head-left').on('tap',function () {
                    window.history.back();
                });
            });
        })
    </script>
    <title>我的银行卡</title>
</head>
<body style="background:#fff;">
    <div class="hm-bar"></div>
    <div class="myBlank" id="app">
        <div class="center-order">
            <div>
                <div class="myBlankInfo">
                    <div class="c999 font-base-28">
                         余额 (元) 
                    </div>
                    <div class="myBlankMoney">
                        {{goods.cash}}
                    </div>
                    <div class="myBlankTag">
                        <!--<span><img src="../../img/myAccIcon2.png" alt=""/>充值</span>-->
                        <span><img src="../../img/myAccIcon3.png" alt=""/>赎回</span>
                    </div>
                </div>
                <div class="myBlankInfo">
                    <div class="c999 font-base-28">
                        华宝
                    </div>
                    <div class="myBlankMoney">
                        {{HuaBao.kaiyuan}}
                    </div>
                    <div class="myBlankTag">
                        <span><img src="../../img/myAccountShu.png" alt=""/>赎回</span>
                    </div>
                </div>
            </div>
            <div class="myBlankAdd">
                <a href="addBlank.html"><img src="../../img/addBlankIcon.png" alt=""/>添加银行卡</a>
                <div>
                    <!--TODO: 轮播插件-->

                </div>
            </div>
        </div>
    </div>
</body>
</html>